<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_HBUal0',
'ZY_1_1_1',
'ZY_GuanYuWoMen_2',
'ZY_3_3',
'ZY_ZhiLiangKongZhi_4',
'ZY_ZhiLiangKongZhi_5',
'ZY_GongSiYongYouJin_6',
'img_jBf$t7',
'img_igeQj8',
'ZY_ShengChanGongYi_9',
'ZY_YongYouWanShanDeSheng_10',
'ZY_YuDiSanFangJianCe_11',
'ZY_GongSiYiZhiYu_12',
'img_NQEIh13',
'img_bmSRf14'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="https://gwfile.csxuncong.com/xxswen/pc/css/swiper.min.css">
  <link rel="stylesheet" href="https://gwfile.csxuncong.com/xxswen/pc/css/animate.css">
  <link rel="stylesheet" href="https://gwfile.csxuncong.com/xxswen/pc/css/common.css">
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>.bg-gray{ background: #F5F5F5; } .box .item{ padding: 60px 0; } .box .item .left, .box .item .right{ overflow: hidden; width: 50%; box-sizing: border-box; } .box .item:nth-child(2n) .right{ padding-left: 50px; } .box .item:nth-child(2n+1) .left{ padding-right: 50px; } .box .item .img{ max-width: 100%; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; } .box .img:hover { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .box .item .name{ font-size: 26px; font-weight: bold; } .box .item .answer{ margin-top: 40px; font-size: 16px; color: rgb(47 55 47 / 70%); line-height: 28px; margin-bottom: 40px; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="crumbs-wrap"> 
   <div class="container"> 
    <a href="index.html"><img src="${img_HBUal0.adImg}" alt="" class="zy" data-type="ad" data-id="${img_HBUal0.adId}"></a> 
    <span class="zy" data-type="ad" data-id="${ZY_1_1_1.adId}">${ZY_1_1_1.adTitle}</span>
    <a href="${ZY_GuanYuWoMen_2.adUrl}" class="zy" data-type="ad" data-id="${ZY_GuanYuWoMen_2.adId}">${ZY_GuanYuWoMen_2.adTitle}</a> 
    <span class="zy" data-type="ad" data-id="${ZY_3_3.adId}">${ZY_3_3.adTitle}</span> 
    <a class="active zy" href="${ZY_ZhiLiangKongZhi_4.adUrl}" data-type="ad" data-id="${ZY_ZhiLiangKongZhi_4.adId}">${ZY_ZhiLiangKongZhi_4.adTitle}</a> 
   </div> 
  </div> 
  <div class="box"> 
   <div class="item"> 
    <div class="container flex align-center"> 
     <div class="left wow animated fadeInLeftSmall"> 
      <h2 class="name zy" data-type="ad" data-id="${ZY_ZhiLiangKongZhi_5.adId}">${ZY_ZhiLiangKongZhi_5.adTitle}</h2> 
      <p class="answer zy" data-type="ad" data-id="${ZY_GongSiYongYouJin_6.adId}">${ZY_GongSiYongYouJin_6.adTitle}</p> 
     </div> 
     <div class="right wow animated fadeInRightSmall"> 
      <img src="${img_jBf$t7.adImg}" alt="" class="img zy" data-type="ad" data-id="${img_jBf$t7.adId}"> 
     </div> 
    </div> 
   </div> 
   <div class="bg-gray item"> 
    <div class="container flex align-center"> 
     <div class="left wow animated fadeInLeftSmall" data-wow-delay="0.2s"> 
      <img src="${img_igeQj8.adImg}" alt="" class="img zy" data-type="ad" data-id="${img_igeQj8.adId}"> 
     </div> 
     <div class="right wow animated fadeInRightSmall" data-wow-delay="0.2s"> 
      <h2 class="name zy" data-type="ad" data-id="${ZY_ShengChanGongYi_9.adId}">${ZY_ShengChanGongYi_9.adTitle}</h2> 
      <p class="answer zy" data-type="ad" data-id="${ZY_YongYouWanShanDeSheng_10.adId}">${ZY_YongYouWanShanDeSheng_10.adTitle}</p> 
     </div> 
    </div> 
   </div> 
   <div class="item"> 
    <div class="container flex align-center"> 
     <div class="left wow animated fadeInLeftSmall"> 
      <h2 class="name zy" data-type="ad" data-id="${ZY_YuDiSanFangJianCe_11.adId}">${ZY_YuDiSanFangJianCe_11.adTitle}</h2> 
      <p class="answer zy" data-type="ad" data-id="${ZY_GongSiYiZhiYu_12.adId}">${ZY_GongSiYiZhiYu_12.adTitle}</p> 
      <img src="${img_NQEIh13.adImg}" alt="" style="max-width: 100%;" class="zy" data-type="ad" data-id="${img_NQEIh13.adId}"> 
     </div> 
     <div class="right wow animated fadeInRightSmall"> 
      <img src="${img_bmSRf14.adImg}" alt="" class="img zy" data-type="ad" data-id="${img_bmSRf14.adId}"> 
     </div> 
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://gwfile.csxuncong.com/xxswen/pc/js/swiper.min.js"></script>
  <script src="https://gwfile.csxuncong.com/xxswen/pc/js/wow.min.js"></script>
  <script>
         window.onload = function(){
            var itemEls = document.getElementsByClassName('nav-item-hover');
            for(var i= 0; i < itemEls.length;i++){
                itemEls[i].onmouseover = function(){
                    var els = this.getElementsByClassName('nav-layout');
                    if(els.length) {
                        els[0].style.display = 'block'
                    };
                }
                itemEls[i].onmouseout = function(){
                    var els = this.getElementsByClassName('nav-layout');
                    if(els.length) {
                        els[0].style.display = 'none'
                    };
                }
            }
            var wow = new WOW({
                boxClass: 'wow',
                animateClass: 'animated',
                offset: 0,
                mobile: true,
                live: true
            });
            wow.init();
            var openContactUsEl = document.getElementById('openContactUs');
            var closeContactUsEl = document.getElementById('closeContactUs');
            var contactUsSildeEl = document.getElementById('contactUsSilde');
            if(openContactUsEl){
                closeContactUsEl.onclick = function () {
                    contactUsSildeEl.style.right = '-124px';
                    closeContactUsEl.style.display = 'none';
                    openContactUsEl.style.display = 'block';
                }
                openContactUsEl.onclick = function () {
                    contactUsSildeEl.style.right = 0;
                    openContactUsEl.style.display = 'none';
                    closeContactUsEl.style.display = 'block';
                }
            }
         }
    </script> 
 </body>
</html>